<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>maintain</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="../static/css/base.css" />
    <link rel="stylesheet" href="../static/css/maintain.css" />
    <!-- 字体图标 -->
    <link rel="stylesheet" href="../static/font/iconfont.css">       
    <link rel="stylesheet" href="../static/lib/swiper-4.3.5.min.css" />
    <!-- 引入jquery -->
    <script src="../static/lib/jquery/jquery.min.js"></script>
    <script src="../static/js/maintain.js"></script>
</head>
<body>
    <!-- 头部区域 -->
    <header id="header">
        <div class="top-nav clearfix">
          <div class="w clearfix">
            <div class="fl">
              <a href="#">小米商城</a> <a href="#">MIUI</a> <a href="#">LoT</a>
              <a href="#">云服务</a> <a href="#">金融</a> <a href="#">有品</a>
              <a href="#">小爱开发平台</a> <a href="#">政企服务</a>
              <a href="#">Select Region</a>
            </div>
            <div class="fr">
              <a href="./login.html">登录</a>
              <a href="./register.html">注册</a> <a href="#">消息通知</a>
              <a href="#" class="car"
                ><span class="iconfont icon-gouwuche"></span> 购物车(0)
                <div class="car-content">购物车中还没有商品，赶紧选购吧！</div>
              </a>
            </div>
          </div>
        </div>
      </header>
    <!-- 导航区域 -->
      <nav id="nav">
        <div class="w clearfix">
          <div class="logo fl">
            <a href="#"><img src="../static/images/logo.png" alt=""/></a>
          </div>
          <div class="main-nav fl">
            <ul class="tab">
              <li><a href="#">小米手机</a></li>
              <li><a href="#">红米</a></li>
              <li><a href="#">电视</a></li>
              <li><a href="#">笔记本</a></li>
              <li><a href="#">空调</a></li>
              <li><a href="#">新品</a></li>
              <li><a href="#">路由器</a></li>
              <li><a href="#">智能硬件</a></li>
              <li><a href="#">服务</a></li>
              <!-- <li><a href="#">社区</a></li> -->
            </ul>
          </div>
          <div class="search fr">
            <input type="text" placeholder="请输入搜索内容" />
            <i class="iconfont icon-chakan"></i>
          </div>
        </div>
        <div class="nav-content clearfix">
          <div class="w clearfix">
            <ul class="clearfix">
              <li>A</li>
              <li>basd</li>
              <li>c</li>
              <li>asdd</li>
              <li>e</li>
              <li>fasd</li>
            </ul>
            <ul class="clearfix">
              <li>A213</li>
              <li>b</li>
              <li>asdc</li>
              <li>d</li>
              <li>asde</li>
              <li>f</li>
            </ul>
            <ul class="clearfix">
              <li>A</li>
              <li>214b</li>
              <li>c</li>
              <li>123d</li>
              <li>412e</li>
              <li>f</li>
            </ul>
            <ul class="clearfix">
              <li>324A</li>
              <li>2354b</li>
              <li>c</li>
              <li>4356d</li>
              <li>546e</li>
              <li>f</li>
            </ul>
            <ul class="clearfix">
              <li>A</li>
              <li>b54</li>
              <li>c</li>
              <li>546d</li>
              <li>e</li>
              <li>f</li>
            </ul>
            <ul class="clearfix">
              <li>A324</li>
              <li>b</li>
              <li>456c</li>
              <li>546d</li>
              <li>e</li>
              <li>f</li>
            </ul>
            <ul class="clearfix">
              <li>A</li>
              <li>546b</li>
              <li>c</li>
              <li>d567</li>
              <li>e</li>
              <li>f</li>
            </ul>
            <ul class="clearfix">
              <li>A324</li>
              <li>b34</li>
              <li>456</li>
              <li>d</li>
              <li>e</li>
              <li>f324</li>
            </ul>
          </div>
        </div>
      </nav>
      <!-- main -->
      <div class="main">
          <div class="w">
              <img src="../static/images/maintain1.jpg" alt="">
              <img src="../static/images/maintain2.jpg" alt="">
              <img src="../static/images/maintain3.jpg" alt="">
              <img src="../static/images/maintain4.jpg" alt="">
              <img src="../static/images/maintain5.jpg" alt="">
              <img src="../static/images/maintain6.jpg" alt="">
              <img src="../static/images/maintain7.jpg" alt="">
              <img src="../static/images/maintain8.jpg" alt="">
              <img src="../static/images/maintain9.jpg" alt="">
              <img src="../static/images/maintain10.jpg" alt="">
              <img src="../static/images/maintain11.jpg" alt="">
          </div>
      </div>
      <!-- 脚注区域 -->
    <footer id="footer">
        <div class="w">
            <div class="fuwu">
                <ul class="clearfix">
                    <li><a href="#">预约维修服务</a></li>
                    <li><a href="#">七天无理由退货</a></li>
                    <li><a href="#">十五天免费换货</a></li>
                    <li><a href="#">满150包邮</a></li>
                    <li><a href="#">520余家网点</a></li>
                </ul>
                <div class="logo">
                    <img src="../static./images/logo.png" alt="">
                    <p>探索黑科技，小米为发烧而生！</p>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>